<template>
  <CommonPage title="组织架构定义">
    <a-tabs v-model:activeKey="activeKey" class="fit-tab" type="card" size="small">
      <a-tab-pane key="company" tab="公司架构" class="">
        <Dept :dept-type="DeptType.company" name="公司组织" />
        <!-- <a-tree :tree-data="treeData1" block-node show-line show-icon default-expand-all>
          <template #title="{ key: treeKey, title }">
            <a-dropdown :trigger="['contextmenu']">
              <div>{{ title }}</div>
              <template #overlay>
                <a-menu @click="({ key: menuKey }) => onContextMenuClick(treeKey, menuKey)">
                  <a-menu-item key="1">新增同级</a-menu-item>
                  <a-menu-item key="2">新增下级</a-menu-item>
                  <a-menu-divider />
                  <a-menu-item key="3">编辑</a-menu-item>
                  <a-menu-item key="4">删除</a-menu-item>
                </a-menu>
              </template>
            </a-dropdown>
          </template>
        </a-tree> -->
      </a-tab-pane>
      <a-tab-pane key="cooperation" tab="合作框架">
        <Dept :dept-type="DeptType.cooperation" name="合作组织" />
      </a-tab-pane>
    </a-tabs>

    <!-- <CURDDialog
      ref="CURDModalIns"
      id-key="id"
      :columns="columns"
      create-title="新增菜单"
      update-title="编辑菜单"
      delete-message="确认删除该菜单吗？"
      :show-options="showOptions"
      :model="model"  
      :model-form-setting="modelFormSetting"
      :model-rules="modelRules"
      :table-data="tableData"
      :oper-data="operData"
      :curd="curd"
      :reload-table="reloadTable"
      :delete-url-suffix-mode="1"
      @before-ok="beforeOk"
      @open="open"
    /> -->
  </CommonPage>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import Dept from "/@/views/common/Dept.vue";
import { DeptType } from "/@/api/main/system/models";

const activeKey = ref("company");
</script>
